import { NavBar } from 'antd-mobile'
import useSelection from 'antd/es/table/hooks/useSelection'
import React from 'react'
import { useLocation, useNavigate } from 'react-router-dom'
const Deail = () => {
    const navigate = useNavigate()
    const { state } = useLocation()
    console.log(state);

    return (
        <div>
            <NavBar onBack={() => navigate(-1)}>详情</NavBar>
            <div>
                <img src={state.image} alt='' style={{
                    width: '100%', height: '200px'
                }} />
                <span>{state.title}</span><br />
                <span>{state.price}￥</span><br />
                <span>{state.date}</span><br />
            </div>
        </div>
    )
}

export default Deail
